@extends('frontend.layout.base')

@section('css')
    <style>
        .copykeyword {
            width: 90%;
            text-align: center;
            margin: 0 auto;
            position: relative;
        }

        .copykeyword .copy {
            padding: 15px 30px;
            border: 4px dashed #edeef0;
            display: inline-block;
            border-radius: 30px;
        }

        .copykeyword .copy span {
            font-size: 28px;
            color: #3d495c;
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            -o-user-select: auto !important;
            user-select: auto !important;
        }
    </style>
@stop

@section('body')
    <div class="row">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-7985605624032654"
             data-ad-slot="5574899289"
             data-ad-format="auto"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
        <div class="panel panel-default panel-game">
            <h2 class="panel-heading text-center" style="margin-top: 0px;">{{ $name }}解锁流程</h2>

            <div class="panel-body">
                <h4>{{ $title }}</h4>
                <img src="http://ww4.sinaimg.cn/large/45524429gw1f5655tpu79j20m80oywhq.jpg" class="img-responsive">
                <br/>
                <h5>在App store中搜索[试客小兵]，找到我们的钥匙app（上图所示），下载完之后，打开试客小兵版钥匙，在后台别关，这时候你的{{ $name }}就能正常使用了！</h5>
                <br/>

                <div class="copykeyword cf">
                    <div class="copy" id="parent">
                        <span data-tap-disabled=true oncopy="download_app()" class="copy_key" id="copy_key">试客小兵</span>
                    </div>
                </div>
                <br/>
                {{--<img src="http://ww1.sinaimg.cn/large/45524429gw1f4s9rxbojrj20ku112tbc.jpg" class="img-responsive">--}}
                {{--<br/>--}}
                {{--<img src="http://ww1.sinaimg.cn/large/45524429gw1f4s9sfslfwj20ku112whu.jpg" class="img-responsive">--}}
                {{--<br/>--}}
                <h5>2.下载完成之后,打开试客小兵钥匙(后台别关)，再回到桌面，打开
                    <mark>{{ $name }}</mark>
                    ，就已经能正常使用了！
                </h5>
                <img src="{{ $image }}" class="img-responsive">
                <br/>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript">
        function download_app() {
            window.location.href = "https://itunes.apple.com/WebObjects/MZStore.woa/wa/search?media=software&country=CN&mt=8&term=";
        }
    </script>
@stop
